<!--员工关怀-->
<template>
	<el-card>
		<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
			<el-tab-pane label="生日关怀" name="birthday">
				<Birthday />
			</el-tab-pane>
			<el-tab-pane label="入职周年关怀" name="anniversary">
				<Anniversary />
			</el-tab-pane>
			<!-- <el-tab-pane label="节日关怀" name="festival">
				<Festival />
			</el-tab-pane> -->
		</el-tabs>
	</el-card>
</template>

<script setup lang="ts" name="EntryIndex">
import { TabsPaneContext } from 'element-plus'

import Birthday from './plane/birthday-index.vue'
import { defineAsyncComponent, defineComponent, ref } from 'vue'

const Anniversary = defineAsyncComponent(() => import('./plane/anniversary-index.vue'))
const Festival = defineAsyncComponent(() => import('./plane/festival-index.vue'))

defineComponent({
	components: { Anniversary, Festival }
})

const typeList = ref()

const activeName = ref('birthday')
const handleClick = (tab: TabsPaneContext, event: Event) => {
	console.log(tab, event)
}
</script>
